﻿<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<base href="<%=basePath%>">
<meta charset="utf-8">
<title>${webinfo.title }</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="${webinfo.descript }" />
<meta name="author" content="${webinfo.owner }" />
<meta name="keyworkds" content="${webinfo.keyword }" />
<!-- css -->
<link href="css/bootstrap.min.css" rel="stylesheet" />
<link href="css/fancybox/jquery.fancybox.css" rel="stylesheet">
<link href="css/flexslider.css" rel="stylesheet" />
<link href="css/style.css" rel="stylesheet" />

<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
<script type="text/javascript">
$(document).ready(function(e){
	$('#contact-form').bind('submit',function(){
		$.ajax({
			url:'axxf/addBook.do',
			type:'post',
			data:$('#contact-form').serialize(),
			dataType:'text',
			success:function(strValue){
				if(strValue == 'success'){
					$('#contactSuccess').css('display','block');
					$('#contactError').css('display','none');
				}else{
					$('#contactSuccess').css('display','none');
					$('#contactError').css('display','block');
				}
			}
		});
		return false;
	});
});
</script>
</head>
<body>
	<div id="wrapper">
		<!-- start header -->
		<header>
			<div class="navbar navbar-default navbar-static-top">
				<div class="container">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle" data-toggle="collapse"
							data-target=".navbar-collapse">
							<span class="icon-bar"></span> <span class="icon-bar"></span> <span
								class="icon-bar"></span>
						</button>
						<a class="navbar-brand" href="_index.html"><img
							src="${webinfo.logo }" alt="${webinfo.title }" /></a>
					</div>
					<div class="navbar-collapse collapse ">
						<ul class="nav navbar-nav">
							<li><a href="_index.html#maodian1">首页</a></li>
							<li><a href="_index.html#maodian_service">提供服务</a></li>
							<li><a href="_index.html#maodian_aboutus">关于我们</a></li>
							<li><a href="_index.html#maodian_price">产品展示</a></li>
							<li><a href="_index.html#maodian_content">服务网点</a></li>
							<li><a
								href="_index.html#maodian_content">最近新闻</a></li>
							<li class="active"><a href="contact.jsp">联系我们</a></li>
						</ul>
					</div>
				</div>
			</div>
		</header>
		<!-- end header -->
		<section id="inner-headline">
			<div class="container">
				<div class="row">
					<div class="col-lg-12">
						<h2 class="pageTitle">联系我们</h2>
					</div>
				</div>
			</div>
		</section>
		<section id="content">

			<div class="container">
				<div class="row">
					<div class="col-md-6">
						<div class="alert alert-success hidden" id="contactSuccess">
							<strong>Success!</strong> 信息发送成功.
						</div>
						<div class="alert alert-error hidden" id="contactError">
							<strong>Error!</strong> 信息发送失败.
						</div>
						<div class="contact-form">
							<form id="contact-form" method="post" role="form" novalidate="novalidate"  style="font-size: 18px;">
								<div class="form-group has-feedback">
									<label for="name">姓名*</label> 
									<input type="text" class="" id="name" name="title" placeholder="姓名">
								</div>
								<div class="form-group has-feedback">
									<label for="email">邮箱*</label> <input type="text"
										class="" id="email" name="resource" placeholder="">
								</div>
								<div class="form-group has-feedback">
									<label for="subject">电话*</label> <input type="text"
										class="" id="subject" name="fmResource"
										placeholder=""> 
								</div>
								<div class="form-group has-feedback">
									<label for="message">问题*</label>
									<textarea class="" rows="6" id="message"
										name="content" placeholder=""></textarea>
								</div>
								<input type="submit" value="发送" class="btn btn-default">
							</form>
						</div>
					</div>
				</div>
			</div>

		</section>
	<footer>
		<div class="container">
			<p style="text-align: center;">
				${webinfo.footer }<a target="_blank" href="${webinfo.domain }">${webinfo.title }</a>
			</p>
		</div>
	</footer>
	</div>
	<a href="#" class="scrollup"><i class="fa fa-angle-up active"></i></a>
	<!-- javascript
    ================================================== -->
	<!-- Placed at the end of the document so the pages load faster -->
	<script src="js/jquery.js"></script>
	<script src="js/jquery.easing.1.3.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/jquery.fancybox.pack.js"></script>
	<script src="js/jquery.fancybox-media.js"></script>
	<script src="js/portfolio/jquery.quicksand.js"></script>
	<script src="js/portfolio/setting.js"></script>
	<script src="js/jquery.flexslider.js"></script>
	<script src="js/animate.js"></script>
	<script src="js/custom.js"></script>
</body>
</html>